@charset "utf-8";
.header {
    display: none
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-family: "微软雅黑";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.nav {
    width: 7.5rem;
    height: auto;
    overflow: hidden;
    position: relative
}

.nav-logo {
    font-size: 0;
    width: 1.36rem;
    height: .59rem;
    margin: .34rem 0 .34rem .5rem
}

.nav-logo img {
    width: 1.36rem;
    height: .59rem
}

.nav ul {
    text-align: center;
    padding: .18rem 0;
    background-color: #eee
}

.nav ul li {
    font-size: 0;
    padding: .18rem 0
}

.nav ul li a {
    color: #272726;
    font-size: .24rem;
    text-decoration: none
}

.nav ul {
    display: none
}

#nav-menu {
    top: .2rem;
    right: .36rem;
    font-size: 0;
    width: .8rem;
    height: .8rem;
    position: absolute;
    border-left: solid 1px #ccc
}

#nav-menu img {
    width: .48rem;
    height: .38rem;
    margin: .21rem .28rem
}

#checkbox {
    display: none
}

#checkbox:checked~ul {
    display: block
}

.banner {
    width: 7.5rem;
    height: 7.4rem
}

.banner-list {
    width: 7.5rem;
    height: 7.4rem;
    background-repeat: no-repeat;
    background-position: center center
}

.navbar {
    color: #fff;
    width: 7.5rem;
    height: 2.8rem;
    overflow: hidden;
    background-color: #29b8e2
}

.navbar-banner {
    width: 6.7rem;
    margin: 1.04rem auto .18rem
}

.navbar-typename {
    color: #fff;
    font-size: .48rem;
    font-weight: bold
}

.navbar-nav ul {
    display: none
}

.navbar-nav ul li {
    float: left;
    font-size: .26rem;
    padding-right: .1rem;
    padding-bottom: .1rem
}

.navbar-nav ul li a {
    color: #fff
}

.navbar-nav {
    width: 6.7rem;
    margin: 0 auto
}

#navbar-checkbox {
    display: none
}

#navbar-checkbox:checked~ul {
    display: block
}

.link {
    width: 7.5rem;
    height: .4rem;
    margin-top: .3rem
}

.link ul {
    width: 6.7rem;
    margin: 0 auto
}

.link ul li {
    color: #222;
    float: left;
    font-size: .26rem;
    line-height: .4rem;
    padding-right: .1rem
}

.link ul li a {
    color: #222
}

.about {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.about-image {
    width: 6.7rem;
    height: 4.5rem;
    margin: 0 auto .3rem
}

.about-image img {
    width: 100%;
    height: 100%
}

.about-text {
    width: 6.7rem;
    margin: 0 auto;
    font-size: .24rem;
    line-height: .48rem
}

.intro {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.intro-image {
    width: 7.5rem;
    height: 5rem;
    overflow: hidden;
    margin: 0 auto .36rem
}

.intro-image img {
    width: 100%;
    height: 100%
}

.intro-group {
    width: 6.7rem;
    margin: 0 auto;
    height: auto
}

.intro-title {
    color: #fff;
    text-align: center;
    font-size: .4rem;
    margin-bottom: .18rem
}

.intro-text {
    color: #fff;
    font-size: .24rem;
    line-height: .48rem
}

.listbox {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0;
    border-radius: .1rem;
    box-shadow: 0 0 .2rem RGBA(0, 0, 0, 0.2)
}

.list-items {
    width: 6rem;
    height: 2.5rem;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: .01rem solid #ececec
}

.list-items:last-child {
    border-bottom: 0
}

.list-title {
    color: #222;
    font-size: .28rem;
    text-align: center;
    margin: .6rem auto .24rem
}

.list-data {
    color: #e50012;
    font-size: .6rem;
    font-weight: bold;
    text-align: center
}

.showbox {
    color: #fff;
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    margin: .6rem auto 0;
    border-radius: .1rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.showbox-image {
    width: 6.7rem;
    height: 3.8rem
}

.showbox-image img {
    width: 100%;
    height: 100%
}

.showbox-title {
    font-size: .48rem;
    font-weight: bold;
    text-align: center;
    margin: 1.3rem auto .2rem !important
}

.showboxs-image {
    width: 6.7rem;
    height: 3.8rem;
    overflow: hidden;
}

.showboxs-image img {
    width: 100%;
    height: 100%
}

.photo {
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    margin: 0.6rem auto 0
}

.photo-col {
    width: 6.7rem;
    height: 4.2rem;
    overflow: hidden;
    margin-bottom: .36rem
}

.photo-col img {
    width: 100%;
    height: 100%
}

.service {
    width: 7.5rem;
    height: auto
}

.service-max {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.service-maxsize {
    width: 7.5rem;
    height: 5.2rem;
    overflow: hidden;
    background-color: #fff
}

.service-maxsize img {
    width: 100%;
    height: 100%
}

.service-maxmain {
    color: #fff;
    width: 6.7rem;
    margin: 0 auto
}

.service-maxtitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-maxtext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-maxbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-maxbutton a {
    color: #fff
}

.service-min {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #dde6ed
}

.service-minsize {
    width: 7.5rem;
    height: 4.4rem;
    overflow: hidden
}

.service-minsize img {
    width: 100%;
    height: 100%
}

.service-minmain {
    color: #222;
    width: 6.7rem;
    margin: 0 auto
}

.service-mintitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-mintext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-minbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-minbutton a {
    color: #222
}

.service-all {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.service-allsize {
    width: 7.5rem;
    height: 3.4rem;
    overflow: hidden
}

.service-allsize img {
    width: 100%;
    height: 100%
}

.service-allmain {
    color: #fff;
    width: 6.7rem;
    margin: 0 auto
}

.service-alltitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-alltext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-allbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-allbutton a {
    color: #fff
}

.title {
    color: #222;
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.title-type {
    font-size: .48rem;
    font-weight: bold;
    padding-left: .4rem
}

.title-more {
    display: none
}

.news {
    width: 7.5rem;
    margin-top: .6rem
}

.news-card {
    width: 7.5rem
}

.news-cardsize {
    width: 7.5rem;
    height: 4.4rem
}

.news-cardsize img {
    width: 100%;
    height: 100%
}

.news-cardmain {
    width: 6.7rem;
    margin: 0 auto
}

.news-cardtitle {
    padding: .6rem 0;
    font-size: .3rem;
    font-weight: bold
}

.news-cardtitle a {
    color: #222
}

.news-cardbutton {
    display: none
}

.news-main {
    width: 6.7rem;
    margin: 0 auto
}

.news-items {
    height: 1.2rem;
    margin-bottom: .36rem;
    letter-spacing: .01rem
}

.news-items:last-child {
    margin-bottom: 0
}

.news-itemstable {
    height: .2rem;
    margin-bottom: .16rem
}

.news-itemstable ul li {
    color: #222;
    float: left;
    font-size: .18rem;
    padding-right: .1rem
}

.news-itemstitle {
    color: #222;
    overflow: hidden;
    font-size: .24rem;
    line-height: .36rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-table {
    width: 7.5rem;
    margin-top: .6rem
}

.news-nav {
    display: none
}

.news-list {
    width: 7.5rem;
    height: auto
}

.news-list-items {
    width: 6.7rem;
    height: 1.6rem;
    margin: 0 auto;
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-top: .02rem solid #eaeaea
}

.news-list-item-image {
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden
}

.news-list-item-image img {
    width: 1.6rem;
    height: 1.6rem
}

.news-list-item-group {
    float: left;
    width: 3.8rem;
    height: 1.6rem;
    margin-left: .2rem;
    margin-right: .2rem
}

.news-list-item-title {
    font-size: .24rem;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: .1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-title a {
    color: #222
}

.news-list-item-text {
    font-size: .16rem;
    overflow: hidden;
    line-height: .4rem;
    margin-bottom: .1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-button {
    font-size: .18rem;
    font-weight: bold
}

.news-list-item-button a {
    color: #222
}

.news-list-item-dates {
    float: left;
    width: .9rem;
    height: 1.6rem;
    text-align: center
}

.news-list-item-dates-days {
    width: .9rem;
    height: .9rem;
    font-size: .6rem;
    margin-bottom: .1rem;
    border-bottom: .02rem solid #222
}

.news-list-item-dates-month {
    font-size: .18rem
}

.card {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.card-row {
    width: 6.7rem;
    height: auto;
    margin: 0 auto .4rem
}

.card-col {
    width: 6.7rem;
    height: 1.8rem;
    margin-bottom: .4rem;
    background-color: #dde6ed
}

.card-col:last-child {
    margin-bottom: 0
}

.card-colsize {
    float: left;
    width: 2.8rem;
    height: 1.8rem;
    overflow: hidden
}

.card-colsize img {
    width: 100%;
    height: 100%
}

.card-colmain {
    color: #222;
    float: left;
    width: 3.4rem;
    margin-top: .25rem;
    margin-left: .25rem
}

.card-coltitle {
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .08rem
}

.card-coltitle a {
    color: #222
}

.card-coltext {
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.card-colbutton {
    display: none
}

.contact {
    display: none
}

.footer {
    color: #222;
    width: 7.5rem;
    margin-top: 1rem;
    padding: .6rem 0;
    background-color: #f0f0f0
}

.footer-main {
    width: 6.7rem;
    margin: 0 auto
}

.footer-maintype {
    height: auto;
    overflow: hidden;
    margin-bottom: .48rem
}

.footer-maintype h1 {
    font-size: .34rem;
    margin-bottom: .24rem
}

.footer-maintype ul li {
    float: left;
    width: 3.35rem;
    font-size: .25rem;
    padding: .12rem 0
}

.footer-maintype ul li a {
    color: #222
}

.copyright {
    width: 7.5rem;
    height: auto;
    padding: .24rem 0;
    font-size: .18rem;
    background-color: #282828
}

.copyright-text {
    color: #fff;
    text-align: center
}

.copyright-text a {
    color: #fff;
    width: auto;
    display: block;
    margin-top: .1rem
}

.copyright-text span {
    display: none
}

.copyright-link {
    display: none
}

.course {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0;
    overflow: hidden
}

.course-event ul {
    width: 6.7rem;
    height: auto;
    margin-bottom: .4rem
}

.course-event ul h1 {
    font-size: .4rem;
    margin-bottom: .4rem
}

.course-event ul li {
    font-size: .28rem;
    list-style: inside;
    line-height: .48rem;
    margin: .2rem 0
}

.course-image {
    width: 6.7rem;
    height: auto
}

.course-items {
    width: 6.4rem;
    height: 5.4rem;
    padding: .1rem .1rem .2rem;
    margin: .4rem auto;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 .08rem RGBA(0, 0, 0, 0.3)
}

.course-items h1 {
    color: #333;
    text-align: center;
    font-size: .24rem
}

.course-items img {
    width: 6.4rem;
    height: 4.8rem
}

.newscontent {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0
}

.newscontent-title {
    font-size: .36rem;
    font-weight: bold;
    line-height: .6rem
}

.newscontent-dates {
    color: #808080;
    font-size: .24rem;
    margin: .2rem 0;
    padding-bottom: .36rem;
    border-bottom: .02rem solid #ddd
}

.newscontent-mains {
    overflow: hidden
}

.newscontent-mains p {
    font-size: .28rem;
    line-height: .6rem;
    margin: .2rem 0;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em
}

.newscontent-mains img {
    width: 6.7rem;
    height: auto
}

.newscontent-forms {
    font-size: .24rem;
    margin: .2rem 0
}

.newscontent-forms a {
    color: #808080
}

.journal {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto
}

.journal-group {
    width: 6.7rem;
    height: auto
}

.journal-items {
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    border-radius: .08rem;
    margin-bottom: .6rem;
    background-color: #dde6ed
}

.journal-image {
    float: right;
    width: 1.8rem;
    height: 2.4rem;
    margin: .4rem .3rem .4rem 0
}

.journal-image img {
    width: 100%;
    height: 100%
}

.journal-mains {
    float: left;
    width: 4rem;
    margin: .4rem 0 .4rem .3rem
}

.journal-maintype {
    color: #666;
    font-size: .24rem
}

.journal-maintitle {
    margin: .12rem 0;
    font-size: .36rem;
    font-weight: bold
}

.journal-maintitle a {
    color: #282828
}

.journal-mainstext {
    overflow: hidden;
    font-size: .24rem;
    line-height: .5rem
}

.journal-button {
    display: none
}

.journal-sides {
    display: none
}

:root {
    --width: 7.5rem;
    --center: 6.83rem
}

.special-nav {
    position: relative;
    width: var(--width)
}

.spaecial-nav-Height,
.spaecial-nav-Height .special-banner {
    height: 7.8rem;
    background: 20.3rem center;
    background-size: cover
}

.st-lw {
    position: absolute;
    display: inline-block;
    height: auto !important;
    margin: 0px 0.2rem;
    padding: 0 .73rem;
    top: 2.5rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.6rem;
    font-family: 微软雅黑
}

.Hw-back {
    width: var(--width)
}

.special-link {
    width: var(--width);
    box-shadow: 0 0 3px 0px #ccc
}

.special-linkmain {
    display: none
}

.hide-h3phone {
    display: none
}

.mb-txt {
    position: relative;
    width: 6.83rem;
    margin: 0 auto;
    height: 0.77rem;
    line-height: 0.77rem;
    font-size: 0.24rem;
    vertical-align: middle;
    color: #3a3a3a
}

.clearfix {
    display: none
}

.special-link-main {
    position: absolute;
    display: block;
    width: 0.29rem;
    right: 0px;
    top: .3rem;
    transition: transform .3s
}

.special-link-main img {
    width: .29rem;
    height: .17rem
}

#id-specilal-linkmain {
    display: none
}

#id-specilal-linkmain:checked~.special-linkmain {
    display: block
}

.special-active {
    transform: rotate(-90deg)
}

.special-linkmain ul li {
    padding: .18rem .35rem
}

.special-linkmain ul li,
.special-linkmain ul li>* {
    font-size: .24rem;
    color: #272726
}

.lis-none {
    display: none
}

.special-linkmain ul li:active {
    background-color: rgb(163, 214, 233)
}

.Hw-dt {
    width: 6.83rem;
    margin: 0 auto;
    padding: 0.33rem 0 .71rem 0;
    text-align: center
}

.Hw-dt h3 {
    font-size: 0.48rem
}

.by-list-area {
    width: var(--width)
}

.by-list-area .center-box {
    width: var(--center);
    margin: 0 auto
}

.center-box ul li {
    position: relative;
    width: var(--center);
    height: 2.11rem;
    font-size: 0;
    background-color: #dde6ed;
    overflow: hidden;
    border-radius: 8px
}

.center-box ul li:nth-child(3n-1) {
    margin: 0.33rem 0
}

.center-box ul li .li-top,
.center-box ul li .li-footer,
.center-box ul li .li-time,
.center-box ul li .li-mid {
    display: inline-block;
    position: absolute;
    text-align: justify;
    vertical-align: top
}
.li-footer a {
   color:#333 !important;
font-weight:bold;
}
.center-box ul li .li-footer,
.center-box ul li .li-mid,
.center-box ul li .li-time {
    width: 3.41rem
}

.center-box ul li .li-footer {
    top: 0.3rem;
    right: 0.1rem
}

.center-box ul li .li-mid,
.center-box ul li .li-time {
    right: 0.05rem
}

.center-box ul li .li-mid {
    bottom: 0.14rem
}

.center-box ul li .li-mid a {
    color: #272726;
    font-weight: bold
}

.center-box ul li .li-time {
    font-size: .12rem;
    right: 0.05rem;
    bottom: 0.7rem;
    color: #717679
}

.center-box ul li .li-mid a,
.center-box ul li .li-footer,
.center-box ul li .li-mid span {
    font-size: .24rem
}

.center-box ul li .li-top img {
    width: 2.98rem;
    height: 2.11rem
}

.phone-none {
    display: none
}

.pc-none {
    margin-left: 0.03rem
}

.class-father,
.tab-group {
    display: none
}

.Hw-international {
    background-color: #f6f6f6;
    transform: translateY(0.56rem)
}

.Hw-international h3 {
    color: #272726
}

.device {
    width: var(--width);
    height: 10rem;
    background-color: #f6f6f6;
    overflow: hidden
}

.deviece-item-relative {}

.swiper-container {
    width: 7.5rem;
    height: inherit;
    overflow: hidden
}

.swiper-pagination-bullet-active {
    background-color: rgb(64, 64, 64) !important
}

.swiper-slide a {
    display: inline-block
}

.swiper-slide {
    text-align: center
}

.swiper-slide img {
    margin: 0 auto;
    width: 5.09rem !important;
    height: 2.82rem !important
}

.t-box {
    position: relative;
    height: 6.2rem;
    padding-top: 2.08rem;
    z-index: -1;
    border-radius: 15px;
    background-color: rgb(221, 230, 237);
    transform: translateY(-1.7rem)
}

.t-center {
    width: var(--center);
    margin: 0 auto
}

.t-box h3 {
    font-size: 0.38rem;
    margin-bottom: 0.38rem
}

.mark {
    position: relative;
    width: var(--center);
    height: 6.2rem;
    padding-top: 2.08rem;
    z-index: -999;
    margin: 0 auto;
    border-radius: 15px;
    transform: translateY(-8.7rem);
    background-color: rgb(221, 230, 237)
}

.nation-article {
    font-size: .24rem;
    text-align: justify;
    text-indent: 2em;
    padding: 0 0.2rem;
    line-height: 1.6;
    line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 36px !important;
    left: auto
}

.swiper-button-next,
.swiper-button-prev {
    top: 14% !important
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 36px !important;
    right: auto
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1.47rem !important;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
    border-radius: 100%;
    background: rgb(64, 64, 64);
    opacity: .2
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    border: 2px solid rgb(64, 64, 64) !important;
    background: none;
    opacity: 1 !important
}

.swiper-button-prev.swiper-button-pink,
.swiper-container-rtl .swiper-button-next.swiper-button-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f6b8b5'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-pink,
.swiper-container-rtl .swiper-button-prev.swiper-button-pink {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f6b8b5'%2F%3E%3C%2Fsvg%3E")
}

.T-cardBox,
.txt-box {
    display: none
}

.globle-friend {
    position: relative;
    z-index: 999;
    transform: translateY(-0.69rem);
    background-color: #fff
}

.globle-friend h3 {
    padding: 0.71rem 0
}

.center-friend {
    width: var(--width);
    transform: translateY(-0.57rem)
}

.center-friend img {
    display: block;
    width: 6.71rem;
    height: 6.49rem;
    margin: 0 auto
}

.r-box {
    transform: translateY(0.9rem);
    width: var(--center);
    margin: 0 auto
}

.r-box .r-step .r-tit,
.r-demo .r-tit-second {
    font-size: 0.36rem;
    color: rgb(32, 32, 32);
    font-weight: bold
}

.r-detail {
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
    font-size: 0.28rem;
    text-indent: 2em;
    line-height: 2;
    text-align: justify;
    line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden
}

.r-demo ul {
    width: var(--center);
    margin-top: 0.5rem;
    font-size: 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.r-demo ul li {
    font-size: 0.28rem;
    text-indent: 2em;
    margin: 0.04rem 0;
    line-height: 2;
    overflow: hidden
}

.service-ep {
    display: none;
    transform: translateY(1.3rem)
}

.flex-box {
    display: flex;
    width: var(--center);
   height: 2.27rem;
    margin: 0 auto;
    justify-items: center;
    align-items: center
}

.flex-box img {
    width: 3.41rem !important;
    height: 2.28rem !important
}
.swiper1 {
    height: 2.5rem;
}
.r-tit-img {
    flex: 1;
    height: 2.28rem;
    align-self: flex-start;
    background-color: rgb(221, 230, 237);
    color: rgb(79, 79, 78);
    font-size: 0.24rem;
    line-height: 3em;
    font-weight: bold;
    padding: 0 0.23rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.r-tit-img p {
    text-align: left
}

.sw1 {
    width: var(--center) !important;
    margin: 0 auto;
    transform: translate(.33rem, 0.3rem) !important
}

.sw1>* {
    width: 0.15rem;
    height: 0.15rem;
    margin: 0 5px
}

.father-txt .sub-title-rlzy {
    font-size: 0.24rem;
}


/* .father-txt .sub-title-rlzy span:last-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
} */

.father-txt {
    padding-bottom: 0.2rem;
}

.Back-rlzyMan {
    font-size: 0.2rem;
}

.father-txt .third-rlzy-color {
    font-size: 0.2rem;
}

.header {
    display: none
}

.nav {
    width: 7.5rem;
    height: auto;
    overflow: hidden;
    position: relative
}

.nav-logo {
    font-size: 0;
    width: 1.36rem;
    height: .59rem;
    margin: .34rem 0 .34rem .5rem
}

.nav-logo img {
    width: 1.36rem;
    height: .59rem
}

.nav ul {
    text-align: center;
    padding: .18rem 0;
    background-color: #eee
}

.nav ul li {
    font-size: 0;
    padding: .18rem 0
}

.nav ul li a {
    color: #272726;
    font-size: .24rem;
    text-decoration: none
}

.nav ul {
    display: none
}

#nav-menu {
    top: .2rem;
    right: .36rem;
    font-size: 0;
    width: .8rem;
    height: .8rem;
    position: absolute;
    border-left: solid 1px #ccc
}

#nav-menu img {
    width: .48rem;
    height: .38rem;
    margin: .21rem .28rem
}

#checkbox {
    display: none
}

#checkbox:checked~ul {
    display: block
}

.banner {
    width: 7.5rem;
    height: 7.4rem
}

.banner-list {
    width: 7.5rem;
    height: 7.4rem;
    background-repeat: no-repeat;
    background-position: center center
}

.navbar {
    color: #fff;
    width: 7.5rem;
    height: 2.8rem;
    overflow: hidden;
    background-color: #29b8e2
}

.navbar-banner {
    width: 6.7rem;
    margin: 1.04rem auto .18rem
}

.navbar-typename {
    color: #fff;
    font-size: .48rem;
    font-weight: bold
}

.navbar-nav ul {
    display: none
}

.navbar-nav ul li {
    float: left;
    font-size: .26rem;
    padding-right: .1rem;
    padding-bottom: .1rem
}

.navbar-nav ul li a {
    color: #fff
}

.navbar-nav {
    width: 6.7rem;
    margin: 0 auto
}

#navbar-checkbox {
    display: none
}

#navbar-checkbox:checked~ul {
    display: block
}

.link {
    width: 7.5rem;
    height: .4rem;
    margin-top: .3rem
}

.link ul {
    width: 6.7rem;
    margin: 0 auto
}

.link ul li {
    color: #222;
    float: left;
    font-size: .26rem;
    line-height: .4rem;
    padding-right: .1rem
}

.link ul li a {
    color: #222
}

.about {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.about-image {
    width: 6.7rem;
    height: 4.5rem;
    margin: 0 auto .3rem
}

.about-image img {
    width: 100%;
    height: 100%
}

.about-text {
    width: 6.7rem;
    margin: 0 auto;
    font-size: .24rem;
    line-height: .48rem
}

.intro {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.intro-image {
    width: 7.5rem;
    height: 5rem;
    overflow: hidden;
    margin: 0 auto .36rem
}

.intro-image img {
    width: 100%;
    height: 100%
}

.intro-group {
    width: 6.7rem;
    margin: 0 auto;
    height: auto
}

.intro-title {
    color: #fff;
    text-align: center;
    font-size: .4rem;
    margin-bottom: .18rem
}

.intro-text {
    color: #fff;
    font-size: .24rem;
    line-height: .48rem
}

.listbox {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0;
    border-radius: .1rem;
    box-shadow: 0 0 .2rem RGBA(0, 0, 0, 0.2)
}

.list-items {
    width: 6rem;
    height: 2.5rem;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: .01rem solid #ececec
}

.list-items:last-child {
    border-bottom: 0
}

.list-title {
    color: #222;
    font-size: .28rem;
    text-align: center;
    margin: .6rem auto .24rem
}

.list-data {
    color: #e50012;
    font-size: .6rem;
    font-weight: bold;
    text-align: center
}

.showbox {
    color: #fff;
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    margin: .6rem auto 0;
    border-radius: .1rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.showbox-image {
    width: 6.7rem;
    height: 3.8rem
}

.showbox-image img {
    width: 100%;
    height: 100%
}

.showbox-title {
    font-size: .48rem;
    font-weight: bold;
    text-align: center;
    margin: .3rem auto .2rem
}

.showbox-text {
    width: 6.3rem;
    margin: 0 auto;
    font-size: .24rem;
    line-height: .48rem
}

.showboxs-image {
    width: 6.7rem;
    height: 3.8rem
}

.showboxs-image img {
    width: 100%;
    height: 100%
}

.photo {
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    margin: 0.6rem auto 0
}

.photo-col {
    width: 6.7rem;
    height: 4.2rem;
    overflow: hidden;
    margin-bottom: .36rem
}

.photo-col img {
    width: 100%;
    height: 100%
}

.service {
    width: 7.5rem;
    height: auto
}

.service-max {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.service-maxsize {
    width: 7.5rem;
    height: 5.2rem;
    overflow: hidden;
    background-color: #fff
}

.service-maxsize img {
    width: 100%;
    height: 100%
}

.service-maxmain {
    color: #fff;
    width: 6.7rem;
    margin: 0 auto
}

.service-maxtitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-maxtext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-maxbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-maxbutton a {
    color: #fff
}

.service-min {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #dde6ed
}

.service-minsize {
    width: 7.5rem;
    height: 4.4rem;
    overflow: hidden
}

.service-minsize img {
    width: 100%;
    height: 100%
}

.service-minmain {
    color: #222;
    width: 6.7rem;
    margin: 0 auto
}

.service-mintitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-mintext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-minbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-minbutton a {
    color: #222
}

.service-all {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem;
    padding-bottom: .4rem;
    background-color: #29b8e2
}

.service-allsize {
    width: 7.5rem;
    height: 3.4rem;
    overflow: hidden
}

.service-allsize img {
    width: 100%;
    height: 100%
}

.service-allmain {
    color: #fff;
    width: 6.7rem;
    margin: 0 auto
}

.service-alltitle {
    font-size: .36rem;
    font-weight: bold;
    margin-top: .2rem
}

.service-alltext {
    font-size: .24rem;
    line-height: .48rem;
    margin-top: .2rem
}

.service-allbutton {
    font-size: .28rem;
    margin-top: .2rem;
    font-weight: bold
}

.service-allbutton a {
    color: #fff
}

.title {
    color: #222;
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.title-type {
    font-size: .48rem;
    font-weight: bold;
    padding-left: .4rem
}

.title-more {
    display: none
}

.news {
    width: 7.5rem;
    margin-top: .6rem
}

.news-card {
    width: 7.5rem
}

.news-cardsize {
    width: 7.5rem;
    height: 4.4rem
}

.news-cardsize img {
    width: 100%;
    height: 100%
}

.news-cardmain {
    width: 6.7rem;
    margin: 0 auto
}

.news-cardtitle {
    padding: .6rem 0;
    font-size: .3rem;
    font-weight: bold
}

.news-cardtitle a {
    color: #222
}

.news-cardbutton {
    display: none
}

.news-main {
    width: 6.7rem;
    margin: 0 auto
}

.news-items {
    height: 1.2rem;
    margin-bottom: .36rem;
    letter-spacing: .01rem
}

.news-items:last-child {
    margin-bottom: 0
}

.news-itemstable {
    height: .2rem;
    margin-bottom: .16rem
}

.news-itemstable ul li {
    color: #222;
    float: left;
    font-size: .18rem;
    padding-right: .1rem
}

.news-itemstitle {
    color: #222;
    overflow: hidden;
    font-size: .24rem;
    line-height: .36rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-table {
    width: 7.5rem;
    margin-top: .6rem
}

.news-nav {
    display: none
}

.news-list {
    width: 7.5rem;
    height: auto
}

.news-list-items {
    width: 6.7rem;
    height: 1.6rem;
    margin: 0 auto;
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-top: .02rem solid #eaeaea
}

.news-list-item-image {
    float: left;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden
}

.news-list-item-image img {
    width: 1.6rem;
    height: 1.6rem
}

.news-list-item-group {
    float: left;
    width: 3.8rem;
    height: 1.6rem;
    margin-left: .2rem;
    margin-right: .2rem
}

.news-list-item-title {
    font-size: .24rem;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: .1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-title a {
    color: #222
}

.news-list-item-text {
    font-size: .16rem;
    overflow: hidden;
    line-height: .4rem;
    margin-bottom: .1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.news-list-item-button {
    font-size: .18rem;
    font-weight: bold
}

.news-list-item-button a {
    color: #222
}

.news-list-item-dates {
    float: left;
    width: .9rem;
    height: 1.6rem;
    text-align: center
}

.news-list-item-dates-days {
    width: .9rem;
    height: .9rem;
    font-size: .6rem;
    margin-bottom: .1rem;
    border-bottom: .02rem solid #222
}

.news-list-item-dates-month {
    font-size: .18rem
}

.card {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.card-row {
    width: 6.7rem;
    height: auto;
    margin: 0 auto .4rem
}

.card-col {
    width: 6.7rem;
    height: 1.8rem;
    margin-bottom: .4rem;
    background-color: #dde6ed
}

.card-col:last-child {
    margin-bottom: 0
}

.card-colsize {
    float: left;
    width: 2.8rem;
    height: 1.8rem;
    overflow: hidden
}

.card-colsize img {
    width: 100%;
    height: 100%
}

.card-colmain {
    color: #222;
    float: left;
    width: 3.4rem;
    margin-top: .25rem;
    margin-left: .25rem
}

.card-coltitle {
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .08rem
}

.card-coltitle a {
    color: #222
}

.card-coltext {
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.card-colbutton {
    display: none
}

.contact {
    display: none
}

.footer {
    color: #222;
    width: 7.5rem;
    margin-top: 1rem;
    padding: .6rem 0;
    background-color: #f0f0f0
}

.footer-main {
    width: 6.7rem;
    margin: 0 auto
}

.footer-maintype {
    height: auto;
    overflow: hidden;
    margin-bottom: .48rem
}

.footer-maintype h1 {
    font-size: .34rem;
    margin-bottom: .24rem
}

.footer-maintype ul li {
    float: left;
    width: 3.35rem;
    font-size: .25rem;
    padding: .12rem 0
}

.footer-maintype ul li a {
    color: #222
}

.copyright {
    width: 7.5rem;
    height: auto;
    padding: .24rem 0;
    font-size: .18rem;
    background-color: #282828
}

.copyright-text {
    color: #fff;
    text-align: center
}

.copyright-text a {
    color: #fff;
    width: auto;
    display: block;
    margin-top: .1rem
}

.copyright-text span {
    display: none
}

.copyright-link {
    display: none
}

.course {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0;
    overflow: hidden
}

.course-event ul {
    width: 6.7rem;
    height: auto;
    margin-bottom: .4rem
}

.course-event ul h1 {
    font-size: .4rem;
    margin-bottom: .4rem
}

.course-event ul li {
    font-size: .28rem;
    list-style: inside;
    line-height: .48rem;
    margin: .2rem 0
}

.course-image {
    width: 6.7rem;
    height: auto
}

.course-items {
    width: 6.4rem;
    height: 5.4rem;
    padding: .1rem .1rem .2rem;
    margin: .4rem auto;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 .08rem RGBA(0, 0, 0, 0.3)
}

.course-items h1 {
    color: #333;
    text-align: center;
    font-size: .24rem
}

.course-items img {
    width: 6.4rem;
    height: 4.8rem
}

.newscontent {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto 0
}

.newscontent-title {
    font-size: .36rem;
    font-weight: bold;
    line-height: .6rem
}

.newscontent-dates {
    color: #808080;
    font-size: .24rem;
    margin: .2rem 0;
    padding-bottom: .36rem;
    border-bottom: .02rem solid #ddd
}

.newscontent-mains {
    overflow: hidden
}

.newscontent-mains p {
    font-size: .28rem;
    line-height: .6rem;
    margin: .2rem 0;
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em
}

.newscontent-mains img {
    width: 6.7rem;
    height: auto
}

.newscontent-forms {
    font-size: .24rem;
    margin: .2rem 0
}

.newscontent-forms a {
    color: #808080
}

.journal {
    width: 6.7rem;
    height: auto;
    margin: .6rem auto
}

.journal-group {
    width: 6.7rem;
    height: auto
}

.journal-items {
    width: 6.7rem;
    height: auto;
    overflow: hidden;
    border-radius: .08rem;
    margin-bottom: .6rem;
    background-color: #dde6ed
}

.journal-image {
    float: right;
    width: 1.8rem;
    height: 2.4rem;
    margin: .4rem .3rem .4rem 0
}

.journal-image img {
    width: 100%;
    height: 100%
}

.journal-mains {
    float: left;
    width: 4rem;
    margin: .4rem 0 .4rem .3rem
}

.journal-maintype {
    color: #666;
    font-size: .24rem
}

.journal-maintitle {
    margin: .12rem 0;
    font-size: .36rem;
    font-weight: bold
}

.journal-maintitle a {
    color: #282828
}

.journal-mainstext {
    overflow: hidden;
    font-size: .24rem;
    line-height: .5rem
}

.journal-button {
    display: none
}

.journal-sides {
    display: none
}

.special-nav {
    width: 100%
}

.special-banner {
    height: 5.5rem
}

.special-link {
    display: none
}

.special-navbar {
    width: 100%
}

.special-navbar-pc {
    display: none
}

.special-navbar-moblie {
    font-size: .22rem;
    line-height: .75rem
}

.special-navbar-moblie-active {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e7e7e7
}

.special-navbar-moblie-cang {
    width: 100%;
    height: 5.25rem;
    background: #eee;
    padding-left: .2rem;
    display: none
}

.special-navbar-moblie-xian {
    display: block
}

.special-title-type {
    font-size: .48rem;
    font-weight: bolder;
    text-align: center;
    margin-top: .3rem
}

.special-whyus {
    background-color: #f6f6f6;
    height: auto;
    padding-top: .5rem;
    margin-bottom: .9rem
}

.special-whyus-main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.special-whyus-title {
    color: #272726;
    font-size: .48rem;
    text-align: center;
    margin: .5rem auto .8rem
}

.special-whyus-group {
    width: 100%
}

.special-whyus-listbox {
    width: 7rem;
    height: 3.6rem;
    margin: 0 auto
}

.special-whyus-image {
    width: 1.14rem;
    height: 1.14rem;
    margin: 0 auto
}

.special-whyus-image img {
    width: 1.14rem;
    height: 1.14rem
}

.special-whyus-subtitle {
    color: #666;
    font-size: .3rem;
    margin: .36rem 0;
    font-weight: bold;
    text-align: center
}

.special-whyus-texts {
    color: #666;
    font-size: .24rem;
    line-height: .36rem
}

.special-wraper-pc {
    display: none
}

.special-col-3,
.special-more-box {
    display: none
}

.card {
    width: 7.5rem;
    height: auto;
    margin-top: .6rem
}

.card-row {
    width: 6.7rem;
    height: auto;
    margin: 0 auto .4rem
}

.card-col {
    width: 6.7rem;
    height: 1.8rem;
    margin-bottom: .4rem;
    background-color: #dde6ed
}

.card-col:last-child {
    margin-bottom: 0
}

.card-colsize {
    float: left;
    width: 3.12rem;
    height: 1.8rem;
    overflow: hidden
}

.card-colsize img {
    width: 100%;
    height: 100%
}

.card-colmain {
    color: #222;
    float: left;
    width: 3.08rem;
    margin-top: .25rem;
    margin-left: .25rem
}

.card-coltitle {
    font-size: .26rem;
    font-weight: bolder;
    margin-bottom: .08rem
}

.card-coltitle a {
    color: #222
}

.card-coltext {
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.card-colbutton {
    display: none
}

.banner {
    height: 7.8rem
}

.banner .lw-img-phone-box {
    height: 7.8rem;
    background-size: cover !important
}

.lw-pr {
    position: relative
}

.lw-pa {
    position: absolute;
    width: 5.9rem;
    height: 2.12rem;
    transform: translate(0.85rem, -1.2rem);
    top: 50%
}

.special-link {
    display: block
}

.lw-pa span {
    display: block;
    font-size: 0.72rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: #fff
}

.lw-banner-box {
    display: none !important
}

.Hw-b-position {
    position: absolute;
    display: inline-block;
    height: auto !important;
    margin: 0px 0.2rem;
    padding: 0 .73rem;
    top: 1.5rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.6rem;
    font-family: 微软雅黑
}

.cancel-margin-qk {
    margin: .3rem auto .2rem !important;
}

.lw-title {
    width: var(--width);
    position: relative;
    transform: translateY(-1.77rem);
    padding: .25rem 0;
    color: rgb(38, 38, 38)
}

.lw-firstTit {
    transform: translateY(-3.77rem) !important;
    margin: 1rem 0 .8rem 0 !important
}

.c-show-box {
    height: 7.2rem;
    transform: translateY(-2.5rem) !important
}

.lw-call-police {
    transform: translateY(-1.8rem);
    padding: 0.12rem 0 0 0 !important
}

.showboxs-image img {
    width: 6.81rem;
    height: 3.8rem;
}

.lw-txt-pos {
    transform: translateY(-0.25rem);
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.lw-txt-pos .lw-s {
    font-size: .19rem !important;
    text-indent: 2em;
    padding: .3rem 0.30rem 0rem .3rem
}

.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0rem !important
}

.lw-card-item {
    width: 6.83rem;
    height: 3.5rem;
    margin-bottom: 0.6rem;
    background-origin: content-box;
    background-size: 7.3rem 6.3rem !important
}

.lw-card-item p {
    padding-left: 0.4rem;
    padding-top: 0.2rem;
    color: #fff
}

.lw-card-item p span:first-child {
    font-size: 0.6rem !important;
    font-weight: bold;
    font-size: 0.6rem
}

.lw-card-item p span:last-child {
    display: block;
    width: 2.63rem;
    height: auto;
    line-clamp: 3;
    font-size: 0.24rem;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transform: translateY(0.16rem)
}

.lw-hidden {
    display: none
}

.lw-item {
    height: 8.42rem
}

.lw-orange {
    transform: translateY(-1.68rem);
    background-color: rgb(204, 92, 69)
}

.bottm-lw-tit {
    margin-top: .9rem
}

.bottm-lw-tit1 {
    margin-top: 2.3rem
}

.blue-lw {
    transform: translateY(-1.6rem)
}

.lw-tit-center {
    padding: .56rem 0;
    text-align: center;
    font-weight: bold;
    font-size: 0.48rem
}

.lw-tit-teach {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 5.54rem;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    transform: translateY(-0.3rem)
}

.lw-tit-teach li {
    font-size: .19rem;
    overflow: hidden
}

.phone-lw-policeIcon {
    display: inline-block;
    position: absolute;
    right: 0.86rem;
    top: 0.62rem
}

.phone-lw-policeIcon img {
    width: 1.63rem;
    height: 1.58rem
}

.contanier-lw-mobile {
    height: auto
}

.lw-center-txt {
    text-align: center
}

.H-hide {
    display: none
}

.mobile-txt {
    color: white;
    padding: 0 0.52rem
}

.mobile-txt span {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.55rem
}

.rl-mb-c-img {
    flex-direction: column;
    border-radius: 0.05rem 0.05rem 0 0
}

.rl-mb-c-img img {
    margin-bottom: 0.1rem;
    width: 3.4rem;
    height: 2.4rem
}

.rlzy-hide-mab {
    margin-top: .4rem
}

.rl-flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.s-img {
    margin-right: 0.13rem
}

.mb-rl-img-contro img {
    width: 6.6rem;
    height: 3.4rem
}

.r-rl-flex {
    display: flex;
    margin-top: .2rem;
    flex-direction: column;
    justify-items: center;
    align-items: center
}

.img-rl-botm .rlzy-title {
    text-align: center;
    font-size: 0.36rem
}

.rlzy-detail {
    width: 6.6rem;
    height: 2.8rem;
    color: #666;
    margin: 0.2rem 0.2rem;
    font-size: 0.24rem;
    text-indent: 2em;
    line-height: 2;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    padding-bottom: 0.13rem
}

.real-rlzy-width ul {
    display: flex;
    background-color: #f0f0f0;
    flex-direction: column;
    width: 6.6rem;
    text-align: center
}

.real-rlzy-width ul li {
    display: flex;
    padding: 0 0.2rem;
    margin: 0.2rem 0
}

.real-rlzy-width ul li a {
    flex: 1;
    text-align: left;
    color: #000
}

.real-rlzy-width ul li span {
    text-align: right;
    color: #808080
}

.rlzy-top-title .special-title {
    margin-bottom: 0.5rem
}

.rlzy_img_box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.f-right-wenlv img {
    display: block;
    margin: 0.2rem auto;
    width: 6rem;
    height: 4rem;
    max-width: 6rem;
    max-height: 4rem
}

.mt-wl {
    text-align: center;
    font-size: 0.30rem;
    font-weight: bold
}

.red-txt {
    color: red;
    font-size: 0.55rem
}

.video-wrapper {
    width: var(--center);
    height: 5rem;
    margin: 0 auto
}

.video-wrapper video {
    width: var(--center)
}

.video-wrapper span {
    display: block;
    position: relative;
    width: 2rem;
    height: 0.48rem;
    margin: 0 auto;
    padding-left: 0.2rem;
    font-size: 0.27rem;
    line-height: 0.48rem;
    text-align: center;
    border: 0.01rem solid black;
    color: #414752;
    background-color: rgba(255, 255, 255, .5)
}

.video-wrapper span::after {
    position: absolute;
    width: 0.28rem;
    height: 0.28rem;
    text-align: left;
    /* padding-left: 0.02rem; */
    line-height: 0.35rem;
    left: 0.1rem;
    top: 0.1rem;
    border: 1px solid;
    content: "◥";
    transform: rotate(45deg);
    border-radius: 50% 50%;
    font-size: 0.3rem;
}

.sanyeHide {
    visibility: hidden
}

.sanyeContainer {
    display: none
}

.phone-card-wrapper {
    background-color: #f6f6f6;
    padding-bottom: 0.5rem
}

.white-box-back {
    color: #000;
    padding-bottom: .2rem !important;
    box-shadow: 0 0 5px 0px #d4d4d4;
    background-color: #fff !important
}

.tr-sanye {
    color: #272726;
    padding-left: 0.20rem;
    text-align: left !important;
    margin: 0.3rem auto .2rem !important
}

.tr-article {
    line-height: 1.6;
    font-weight: 500;
    font-size: 0.22rem;
    color: #686869
}

.sub-phone {
    margin-top: 0.5rem;
    font-weight: bold;
    font-size: 0.23rem;
    color: #373839;
    padding-left: 0.20rem
}

.sub-achour {
    margin-top: 0.47rem;
    padding-left: 0.20rem
}

.sub-achour a,
.sub-achour span {
    font-size: 0.24rem;
    font-weight: bold;
    color: #373839
}

.hh-img img {
    width: 6.81rem;
    height: 3.8rem;
    overflow: hidden !important;
    transform: translateY(-0.31rem)
}

.sanyebanner {
    display: none
}

.ul-phone {
    display: flex;
    align-items: center;
    position: relative
}

.ul-phone img {
    position: absolute;
    width: 100%;
    height: 3.5rem;
    z-index: -1;
    bottom: -292px
}

.botom-sY-bt {
    height: 4.71rem
}

.column-sv {
    flex: 1;
    margin-top: 0.82rem;
    padding: 0 0.27rem
}

.hhh-img {
    position: absolute;
    z-index: -1;
    top: 0.3rem
}

.column-sv ul li {
    width: 2rem;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.2rem;
    text-overflow: ellipsis;
}

.column-sv ul li:first-child {
    font-weight: bold;
    color: #272726;
    font-size: 0.35rem
}

.third-rlzy-color {
    color: #666;
    font-size: .24rem;
    line-height: .36rem;
    overflow: hidden;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}


/* 新闻详情页 */

.news-detial {
    width: 100%;
}

.new-detial-card {
    width: 7.5rem;
    height: auto;
   
}

.new-detial-title {
    width: 6rem;
    font-size: .3rem;
    line-height: 1.5;
    margin: .75rem auto;
    text-align: center;
}

.new-detial-main {
    width: 7.5rem;
    padding: .1rem;
    font-size: .24rem;
    line-height: 2;
    margin-bottom: .2rem;
}

.new-detial-time {
    padding: .1rem 0 .2rem .2rem;
    border-top: 1px solid #aca9a9;
    border-bottom: 1px solid #aca9a9;
    margin-bottom: .5rem;
    ;
}

.new-detial-text {
    text-indent: 2em;
    margin-bottom: .5rem;
}

.new-detial-image {
    width: 5.6rem;
    margin: 0 auto;
}

.new-detial-image img {
    width: 5.6rem;
    height: auto;
}

.new-detial-pagebox {
    font-size: .2rem;
    text-align: center;
}

.new-detial-pagebox span {
    margin: 0 3px;
}
.new-detial-pagebox span {
    display: block !important;
    text-align: left !important;
    margin-bottom: .3rem !important;
    margin-left: .5rem !important;
}

.custome-container {
    width: var(--width);
    margin-top: 0.5rem;
    border-bottom: 0.01rem solid #d4d4d4;
}

.custome-container .custome-taber {
    width: var(--center);
    margin: 0 auto;
}

.custome-container .custome-taber ul {
    display: flex;
    font-size: 0;
    flex-flow: wrap;
    margin-top: 0.2rem;
    padding-left: 0.1rem;
}

.custome-container .custome-taber ul li {
    height: 0.5rem;
    margin: 0.05rem;
    padding: 0.01rem;
    line-height: 0.5rem;
}

.custome-container .custome-taber ul .active {
    background-color: red;
    border-radius: 0.05rem;
}

.custome-container .custome-taber ul .active a {
    color: white;
}

.custome-container .custome-taber ul li a {
    font-size: 0.23rem;
    color: black;
}

.custome-container .custome-taber .hot {
    padding: 0.05rem;
    font-size: 0.25rem !important;
    font-weight: 500;
}

.customer-t-c {
    text-align: center;
}

.anli-hide {
    display: none;
}

.customer-btn {
    position: relative;
    right: -145px;
    bottom: -45px;
    display: block !important;
}


.index-banner{
height:3.3rem !important;

}
.index-banner .swiper-pagination {
bottom:0rem !important;
}
.index-banner .swiper-pagination span{
width:0.1rem !important;
height:0.1rem !important;
}
.index-banner img{
width:100% !important;}
.lwbj_label{
top:0 !important;}


.class-newsBack {
    padding: .3rem 0;
}

.class-map-link {
    margin-top: .15rem !important;
    padding-left: .3rem;
}

.class-map-link span {
    margin-left: .1rem;
    margin-right: .1rem;
}

.class-map-link a,
.class-map-link span {
    font-size: .23rem;
    color: #333;
    text-decoration: none;
    transition-property: color;
    transition-duration: .3s;
}

.class-map-link a:hover {
    color: #999;
}

/* 清除布局样式 */
.class-map-link {
    font-size: 0;
}

.class-map-link,
.news-area, .class-newsBack {
    margin: 0 auto;
}

.news-area {
    box-shadow: 0 .02rem .09rem 0px #ccc;
    padding: 0 .01rem .6rem .01rem;
}

.news-area .news-body {
    padding-bottom: .3rem;
    line-height: 2;
    font-size: .26rem;
    border-bottom: 1px solid rgb(228, 228, 228);
}

.news-area .news-body img {
    max-width: 100%;
    margin: .3rem auto;
}

.news-area .news-body img,
.new-title-class span {
    display: block;
}

.news-area .news-body p {
    margin-bottom: 1em;
    text-align: justify;
}

/* title  */
.new-title-class span {
    display: block;
    line-height: 1.6;
    padding: .3rem 0;
}

.new-title-class span,
.new-title-class .class-right,
.news-area .news-body {
    color: #666666;
}

.new-title-class span {
    font-size: .36rem;
}

.new-title-class .class-right,
.news-area .news-body .left-b-red {
    font-size: .3rem;
}

.new-title-class span,
.new-title-class .class-right,
.new-title-class span {
    text-align: justify;
}

.new-title-class span,
.new-title-class .class-right {
    width: 90%;
    margin: 0 auto;
}

.news-body {
    padding: 0 .2rem;
}

.news-area .news-body .left-b-red {
    border-left: .1rem solid #d20a2c;
    padding-left: .3rem;
    font-weight: bold;
}

.new-title-class .class-right {
    text-align: right;
}